body{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1073%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M1064.77-192.29C851.07-119.97 859 449.64 494.46 507.09 129.93 564.54 78.54 740-75.84 744.69' stroke='rgba(28%2c 72%2c 132%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M940.34-153.88C756.64-97.6 792.5 334.66 438.01 427.71 83.52 520.76 106.35 876.21-64.32 913.71' stroke='rgba(28%2c 72%2c 132%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M831.87-74.32C695.04-27.27 817.91 319.8 468.19 375.9 118.46 432-45.64 811.42-259.18 829.5' stroke='rgba(28%2c 72%2c 132%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1592.1-2.75C1430.52 13.64 1328.63 358.9 1053.25 360.14 777.87 361.38 783.83 225.14 514.41 225.14 244.98 225.14 114.43 359.12-24.44 360.14' stroke='rgba(28%2c 72%2c 132%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1370.04-165.66C1078.03-87.61 989.34 706.89 545.79 718.88 102.23 730.87-64.76 494.14-278.47 492.08' stroke='rgba(28%2c 72%2c 132%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1073'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
/*  Navbar */

.logo{
    width:100%;
}

.navbar {
  color: #fff5f5;
  position: fixed;
  width: 100%;
  backdrop-filter: blur(5px);
  font-size: 20px;
}

/*  Video */

.sect {
  width: 100%;
  min-height: 700px;
  background-color: #031f537a;
  color: #fff;
  position: relative;
  overflow: hidden;
}

video {
  position: absolute;
  height: 350%;
  z-index: -1;
}

/*  Texto inicio */

.titulo{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bolder;
  padding-top: 22rem;
  text-align: left; 
}

.titulo_inicio{
	padding: 1%;
  padding-bottom: 2%;
	text-align: center;
	color: #ffffff;
  background: linear-gradient(160deg, #410c0c, #c70303);
}

.titulo_inicio h2{
  font-size: 150%;
}

/*  Botones */
  .btnC, .btnP{
	border-radius: 10px;
	background: #610a07;
	border:none;
	color: #ffffff;
  box-shadow: #000000 5px 5px 8px 2px;
	}

	.btnP{
  margin-left: 1%;
  }

  .btnP:hover {
	background: #ffffffa8;
	}
  
 .btnC:hover {
	background: #ffffffa8;
	}

  *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

/*tarjetas*/

.container-tarjeta{
	width: 100%;
	display: flex;
	max-width: 1150px;
	margin: auto;
  margin-top: 0%;
  

}
.titulo_tarjetas{
	width: 100%;
	max-width: 1080px;
	margin: auto;
	padding: 20px;
	text-align: center;
	color: #862020;
  font-family:"Open sans", Helvetica, Arial;
  margin-top: 2%;
}
.tarjeta{
	width: 100%;
	margin: 10px;
	overflow: hidden;
  border-radius: 20px;
  border-radius: 20px;
  border-radius: 24px;
  background: linear-gradient(160deg, #490d0d, #ad1515dc);
  box-shadow:  7px 7px 14px #595959,
             -7px -7px 14px #ffffff;
}
.tarjeta:hover{
	transform: translateY(-3%);
}
.tarjeta img{
	width: 100%;
	height: 210px;
  
}
.tarjeta .contenido-tarjeta{
	padding: 15px;
	text-align: center;
  
}
.tarjeta .contenido-tarjeta h3{
	margin-bottom: 15px;
	color: #D5CAC9;
}
.tarjeta .contenido-tarjeta p{
	line-height: 1.8;
	color: #d5cac9c4;
	font-size: 14px;
  text-align: justify;
  padding: 5px;
	margin-bottom: 5px;
  font-weight: bold;
}
.tarjeta .contenido-tarjeta a{
	display: inline-block;
	padding: 10px;
	margin-top: 10px;
	text-decoration: none;
	border: 1px solid #0059ad00;
	background: #D5CAC9;
	color: #862020;
	border-radius: 5px;
	transition: all 400ms ease;
	margin-bottom: 5px;
  font-weight: bold;
}
.tarjeta .contenido-tarjeta a:hover{
  border: 1px solid #020202;
	background: #fcfcfcbd;
	color: #000000;
}

/* Marcas */

.titulo_marcas{
	max-width: 100%;
	margin: auto;
	padding: 1%;
  padding-top: 1%;
  padding-bottom: 2%;
	text-align: center;
	color: #a71e1e;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

/* Slider */

.slider{
  width: 98.9vw;
  height: auto;
  margin: auto;
  overflow: hidden;
}

.slider .slide-track{
  display: flex;
  animation: scroll 20s linear infinite;
  -webkit-animation: scroll 20s linear infinite;
  width: calc(431.5px * 12);
}

.slider .slide{
  width: 431.5px;
}

.slider .slide img{
  width: 100%;
}


/* Footer */


.footer1 { 
  background: linear-gradient(100deg, #490d0d, #ad1515dc);
  padding: 30px 0 0 0; 
  font-size: 17px; 
  color: #f1f1f1d5; 
}

.footer1 a { 
  color: #ffffffe5; 
}

.footer1 a:hover {
  color: #fff; 
}
.footer1 .widget-title { 
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 19.5px; 
  font-weight: bold; 
  color: #ccc; 
  margin: 0 0 15px;  
}

.follow-me-icons { 
  font-size:30px; 
}		
.follow-me-icons i { 
  float:left; 
  margin:0 10px 0 0; 
}		

.footer2 { 
  background: linear-gradient(100deg, rgb(0, 0, 0), #421515,#ad1515);
  padding: 15px 0; 
  color: #fffdfdc2; 
  font-size: 14px; 
}
.footer2 a { 
  color: #d6d6d6; 
}
.footer2 a:hover { 
  color: #fff; 
}
.footer2 p { 
  margin: 0; 
}

/* Animación slider */

@keyframes scroll{
  0%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100%{
    -webkit-transform: translateX(calc(-400px * 6));
    transform: translateX(calc(-400px * 6));
  }
}

/* Responsive */

@media only screen and (min-width:1600px) {

	.sect {
    width: 100%;
    min-height: 850px;
  }
  video {
    height: 300%;
  }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

@media only screen and (min-width:2008px)  {

	.sect {
    width: 100%;
    min-height: 1050px;
  }
  video {
    height: 700%;
  }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

@media only screen and (min-width:2600px) {

	.sect {
    width: 100%;
    min-height: 1250px;

  }
  video {
    height: 900%;
  }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  
}


@media only screen and (min-width:356px) and (max-width:768px){
	.container-tarjeta{
		flex-wrap: wrap;
	}
	.tarjeta{
		margin: 15px;
	}

  .titulo{
    padding-top: 14rem;
    text-align: center;
  }
  
  .tagline{
    text-align: center;
    margin: 2%;
  }

  .principal{
    padding-left: 5%;
  }

  .btnC, .btnP{
    text-align: center;
    margin-left: 18%;
    margin-top: 5%;
    width: 60%;
    }


    .logo{
      top: 24%;
      width: 25%;
      position: absolute;
  }
  .navbar-header{
    width:100%;
  }

  }

  @media only screen and (min-width:200px) and (max-width:355px){
    .container-tarjeta{
      flex-wrap: wrap;
    }
    .tarjeta{
      margin: 15px;
      
    }
  
    .titulo{
      padding-top: 14rem;
      text-align: center;
      font-size: 35px;
    }
    
    .tagline{
      text-align: center;
      margin: 2%;
    }
  
    .principal{
      padding-left: 0%;
    }
  
    .btnC, .btnP{
      text-align: center;
      margin-left: 18%;
      margin-top: 5%;
      width: 60%;
      }
  
  
      .logo{
        top: 24%;
        width: 25%;
        position: absolute;
    }
    .navbar-header{
      width:100%;
    }
    
    #btnC,#btnP{
      width: 70%;
      margin-left: 15%;
    }
  
    }